{
    "detail": {
        "width": 1612,
        "height": 642,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "收料车次表格",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "详情",
            "index": "045be419-e912-43d6-810a-ecef12bac0a1",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "详情内容",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_clgl_slcc_detail_730\",\n\"project_id\":\"2083\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"matchId\",\"value\":'1793525657372418050'} \n]\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1591.69,
                        "height": 552.91,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\r\n  <div class=\"ccxq-conter\">\r\n    <div class=\"license\">{{ record.licenseNumber }}</div>\r\n    <div class=\"ccxq-head\">\r\n      <div class=\"line\"></div>\r\n      <div class=\"name\">材料信息</div>\r\n    </div>\r\n    <el-table :data=\"record.materialAcceptanceList\" style=\"width: 100%\">\r\n      <el-table-column label=\"序号\" type=\"index\" width=\"100\"> </el-table-column>\r\n      <el-table-column\r\n        prop=\"materialName\"\r\n        label=\"材料名称\"\r\n        show-overflow-tooltip\r\n      >\r\n      </el-table-column>\r\n      <el-table-column\r\n        prop=\"specification\"\r\n        label=\"规格型号\"\r\n        show-overflow-tooltip\r\n      >\r\n      </el-table-column>\r\n      <el-table-column prop=\"unit\" label=\"计量单位\" show-overflow-tooltip>\r\n      </el-table-column>\r\n      <el-table-column\r\n        prop=\"consignmentQuantity\"\r\n        label=\"发货数量\"\r\n        show-overflow-tooltip\r\n      >\r\n      </el-table-column>\r\n      <el-table-column\r\n        prop=\"convertCoefficient\"\r\n        label=\"换算系数\"\r\n        show-overflow-tooltip\r\n      >\r\n      </el-table-column>\r\n      <el-table-column prop=\"roughWeight\" label=\"毛重\" show-overflow-tooltip>\r\n      </el-table-column>\r\n      <el-table-column prop=\"tareWeight\" label=\"皮重\" show-overflow-tooltip>\r\n      </el-table-column>\r\n      <el-table-column prop=\"netWeight\" label=\"净重\" show-overflow-tooltip>\r\n      </el-table-column>\r\n    </el-table>\r\n    <div class=\"ccxq-head\">\r\n      <div class=\"line\"></div>\r\n      <div class=\"name\">进出场信息</div>\r\n    </div>\r\n    <div class=\"access\">\r\n      <div class=\"access-in access-public\">\r\n        <div class=\"access-li\">进场地磅：{{ record.inInfoVo.equipName }}</div>\r\n        <div class=\"access-li\">\r\n          进场称重：{{ record.inInfoVo.weighingWeight }}\r\n        </div>\r\n        <div class=\"access-li\">进场时间：{{ record.inInfoVo.inOutDate }}</div>\r\n        <div class=\"access-li\" >\r\n          <el-image\r\n            v-for=\"(item, index) in record.inInfoVo.picUrl\"\r\n            :key=\"index\"\r\n            style=\"width: 100px; height: 100px; margin: 10px 10px 0 0\"\r\n            :src=\"item\"\r\n            :preview-src-list=\"[item]\"\r\n          ></el-image>\r\n        </div>\r\n        <div class=\"access-icon\">进</div>\r\n      </div>\r\n      <div class=\"access-out access-public\">\r\n        <div class=\"access-li\">出场地磅：{{ record.outInfoVo.equipName }}</div>\r\n        <div class=\"access-li\">\r\n          出场称重：{{ record.outInfoVo.weighingWeight }}\r\n        </div>\r\n        <div class=\"access-li\">出场时间：{{ record.outInfoVo.inOutDate }}</div>\r\n        <div class=\"access-li\" >\r\n          <el-image\r\n            v-for=\"(item, index) in record.outInfoVo.picUrl\"\r\n            :key=\"index\"\r\n            style=\"width: 100px; height: 100px; margin: 10px 10px 0 0\"\r\n            :src=\"item\"\r\n            :preview-src-list=\"[item]\"\r\n          ></el-image>\r\n        </div>\r\n        <div class=\"access-icon access-icon2\">出</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n    \r\n    <script>\r\nexport default {\r\n  name: \"App\",\r\n  data() {\r\n    return {\r\n      record: {},\r\n      matchId: \"\",\r\n    };\r\n  },\r\n  watch: {\r\n    dataChart: {\r\n      handler(val) {\r\n        this.record = val.data;\r\n        this.record.outInfoVo.picUrl = this.record.outInfoVo.picUrl\r\n          .split(\"|\")\r\n          .filter((item) => item !== \"|\" && item);\r\n        this.record.inInfoVo.picUrl = this.record.inInfoVo.picUrl\r\n          .split(\"|\")\r\n          .filter((item) => item !== \"|\" && item);\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n    matchId: {\r\n      handler(val) {\r\n        this.$emit(\"click\", {\r\n          injections: [{ key: \"matchId\", value: val }],\r\n        });\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n  },\r\n  mounted() {},\r\n  methods: {},\r\n};\r\n</script>\r\n    \r\n    <style>\r\n.ccxq-conter {\r\n  width: 1591px;\r\n  height: 552px;\r\n  overflow: auto;\r\n  color: #fff;\r\n  padding: 10px 20px;\r\n  box-sizing: border-box;\r\n}\r\n.license {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n}\r\n.ccxq-head {\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: 20px;\r\n  height: 80px;\r\n}\r\n\r\n.line {\r\n  width: 3px;\r\n  height: 25px;\r\n  margin-right: 10px;\r\n  background-color: #1890ff;\r\n}\r\n\r\n.access {\r\n  display: flex;\r\n}\r\n.access-li {\r\n  font-size: 18px;\r\n  line-height: 50px;\r\n}\r\n.access-public {\r\n  width: 50%;\r\n  padding-left: 70px;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n}\r\n.access-icon {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  font-size: 25px;\r\n  background-color: #d8e3ff;\r\n  color: #409eff;\r\n  width: 50px;\r\n  height: 50px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 25px;\r\n  box-sizing: border-box;\r\n  border: 2px solid #409eff;\r\n}\r\n.access-icon2 {\r\n  border: 2px solid #e6a23c;\r\n  background-color: #fff4dd !important;\r\n  color: #e6a23c !important;\r\n}\r\n\r\n.btn-quickprev {\r\n  color: #fff !important;\r\n}\r\n.el-pagination .btn-next,\r\n.el-pagination .btn-prev {\r\n  color: #fff !important;\r\n}\r\n.el-table::before {\r\n  height: 0px;\r\n}\r\n.el-table {\r\n  font-size: 20px !important;\r\n  background-color: rgb(22, 17, 90, 0.5) !important;\r\n}\r\n.el-pagination {\r\n  color: #fff !important;\r\n}\r\n.el-pager li.btn-quicknext {\r\n  color: #fff !important;\r\n}\r\n.el-pagination .btn-next,\r\n.el-pagination .btn-prev {\r\n  background: transparent !important;\r\n}\r\n.el-pager li {\r\n  background: transparent !important;\r\n}\r\n.el-table th {\r\n  background: rgb(22, 17, 90, 0.5) !important;\r\n  color: #fefefe;\r\n  border-bottom: none !important;\r\n}\r\n.el-table tr {\r\n  background-color: rgb(22, 17, 90, 0.5) !important;\r\n}\r\n.el-table--enable-row-transition .el-table__body td,\r\n.el-table .cell {\r\n  color: #fff;\r\n}\r\n\r\n.el-table--enable-row-hover .el-table__body tr:hover > td {\r\n  background: rgb(22, 17, 90, 0.5) !important;\r\n}\r\n</style>\r\n    "
                    },
                    "left": -0.95,
                    "top": 61.84,
                    "index": "0f3d7fec-50e8-4a94-b5dc-6b2aeed5dbe8",
                    "child": {
                        "index": [
                            "0f3d7fec-50e8-4a94-b5dc-6b2aeed5dbe8"
                        ],
                        "paramList": [],
                        "paramName": "injections",
                        "paramValue": "injections"
                    },
                    "zIndex": 7,
                    "display": true,
                    "url": " https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "dataMethod": "post"
                },
                {
                    "title": "文本框",
                    "name": "车次详情",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "车次详情"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 20,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": -1.41,
                    "top": 2.36,
                    "index": "1e09b63e-e62c-4bfd-8e07-6575f1b4e865",
                    "zIndex": 6,
                    "display": true
                },
                {
                    "name": "返回",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 90.88,
                        "height": 40.09,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n    <div class=\"fh\">\n         <el-button type=\"primary\" @click='handleClick'>返回</el-button>\n    </div>\n</template>\n<script>\nexport default{\n    data(){\n        return{\n            refs: \"\",\n        }\n    },\n    created(){\n    },\n      mounted() {\n    this.refs = this.$parent.getItemRefs();\n\n  },\n    methods:{\n        handleClick(){\n        this.refs[\"045be419-e912-43d6-810a-ecef12bac0a1\"].setDisplay(true);\n          this.refs[\"1d8b3f77-7c20-4b42-8700-f36bb314f051\"].setDisplay(false);\n        }\n    }\n}\n</script>\n<style>\n</style>"
                    },
                    "left": 1499.58,
                    "top": 0.81,
                    "index": "0e887347-a324-4b6b-9941-4f48c81a1732",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 5,
                    "display": true
                },
                {
                    "name": "覆盖背景",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1612,
                        "height": 642,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"bj\">\n      \n  </div>\n</template>\n<script>\nexport default{\n\n\n}\n</script>\n<style>\n  .bj{\n      width: 100%;\n      height: 100%;\n      background-color:#151057;\n  }\n</style>"
                    },
                    "left": -10.71,
                    "top": -8.79,
                    "index": "ffadafd3-cfb9-4c7c-84fa-67dd5e3a5f10",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "display": true
                }
            ],
            "zIndex": 8,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "表格组件",
            "index": "1d8b3f77-7c20-4b42-8700-f36bb314f051",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "月份选择",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 206.05,
                        "height": 41.04,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div>\n    <el-date-picker\n      v-model=\"inDate\"\n      type=\"month\"\n      value-format=\"yyyy-MM\"\n      @change=\"onChange\"\n      placeholder=\"选择月\"\n    >\n    </el-date-picker>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      inDate: \"\",\n    };\n  },\n  created() {\n    this.inDate=this.getTime()\n  },\n  methods: {\n     getTime() {\n      const today = new Date();\n      const year = today.getFullYear();\n      const month = String(today.getMonth() + 1).padStart(2, \"0\");\n      return `${year}-${month}`;\n    },\n    onChange(value) {\n      const refs = this.$parent.getItemRefs();\n      refs[\"ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33\"].$refs.main.inDate = value;\n    },\n  },\n};\n</script>\n\n<style>\n</style>"
                    },
                    "left": 1371.19,
                    "top": -1.14,
                    "index": "3a7e1b27-5eaa-4071-8d05-9540dd3a4dc6",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": false
                },
                {
                    "name": "输入框和搜索按钮",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 350.59,
                        "height": 37.75,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"zcrycx\">\n    <el-input v-model=\"name\" placeholder=\"请输入车牌号查询\"></el-input>\n    <el-button type=\"primary\" icon=\"el-icon-search\" @click=\"handleQuery\"\n      >搜索</el-button\n    >\n  </div>\n</template>\n  <script>\nexport default {\n  data() {\n    return {\n      name: \"\",\n    };\n  },\n  created() {},\n  methods: {\n    handleQuery() {\n      const refs = this.$parent.getItemRefs();\n      refs[\"ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33\"].$refs.main.licenseNumber = this.name;\n    },\n  },\n};\n</script>\n  <style scoped>\n.zcrycx > .el-input {\n  margin-right: 20px;\n  width: 200px;\n}\n.cqrycx {\n  display: flex;\n}\n</style>"
                    },
                    "left": 2.53,
                    "top": 2.52,
                    "index": "d181d7d7-e2f5-47c3-830a-be28f4cf7fd7",
                    "child": {
                        "index": [
                            "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33"
                        ],
                        "paramList": [
                            {
                                "name": "page",
                                "value": "page"
                            }
                        ],
                        "paramName": "injections",
                        "paramValue": "injections"
                    },
                    "zIndex": 1,
                    "display": false
                },
                {
                    "name": "收料车次表格",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "(data) => {\n      return {};\n};\n",
                    "dataQuery": "(data)=>{\n    return {\n\"unit_no\": \"screen_clgl_slcc_list_730\",\n\"project_id\":\"2114\",\n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"inDate\",\"value\":\"2023-08\"},\n{\"key\":\"licenseNumber\",\"value\":\"\"},\n{\"key\":\"pageNum\",\"value\":\"1\"}, \n{\"key\":\"pageSize\",\"value\":\"10\"}] \n\n}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1610.34,
                        "height": 560.66,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div id=\"cqrs\">\n    <el-table :data=\"tableData\" style=\"width: 100%\" height=\"500px\">\n      <el-table-column label=\"序号\" type=\"index\" width=\"100\"> </el-table-column>\n      <el-table-column\n        prop=\"licenseNumber\"\n        label=\"车牌号\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column prop=\"inDate\" label=\"进场时间\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column\n        prop=\"inWeight\"\n        label=\"进场称重(kg)\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column prop=\"outDate\" label=\"出场时间\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column\n        prop=\"outWeight\"\n        label=\"出场称重(kg)\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column prop=\"\" label=\"操作\" width=\"150\">\n        <template slot-scope=\"scope\">\n          <span style=\"color: #409eff\" @click=\"handleView(scope.row)\"\n            >详情</span\n          >\n        </template>\n      </el-table-column>\n    </el-table>\n    <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"pageNum\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      total: 0,\n      pageNum: 1,\n      pageSize: 10,\n      licenseNumber: \"\",\n      inDate: \"\",\n      tableData: [],\n      refs: \"\",\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.tableData = val.data.items;\n        this.total = parseInt(val.data.total);\n      },\n      deep: true,\n      immediate: true,\n    },\n    licenseNumber: {\n      handler() {\n        this.pageNum=1\n        this.refresh();\n      },\n      deep: true,\n      immediate: true,\n    },\n    inDate: {\n      handler() {\n        this.pageNum=1\n        this.refresh();\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n    this.inDate = this.getTime();\n    this.refresh();\n  },\n  methods: {\n    getTime() {\n      const today = new Date();\n      const year = today.getFullYear();\n      const month = String(today.getMonth() + 1).padStart(2, \"0\");\n      return `${year}-${month}`;\n    },\n    refresh() {\n      this.$emit(\"click\", {\n        injections: [\n          { key: \"inDate\", value: this.inDate },\n          { key: \"licenseNumber\", value: this.licenseNumber },\n          { key: \"pageNum\", value: this.pageNum },\n          { key: \"pageSize\", value: this.pageSize },\n        ],\n      });\n    },\n    currentChange(value) {\n      this.pageNum = value;\n      this.refresh();\n    },\n    handleView(item) {\n     this.refs[\"0f3d7fec-50e8-4a94-b5dc-6b2aeed5dbe8\"].$refs.main.matchId = item.matchId;\n     this.refs[\"045be419-e912-43d6-810a-ecef12bac0a1\"].setDisplay(false);\n    this.refs[\"1d8b3f77-7c20-4b42-8700-f36bb314f051\"].setDisplay(true);\n    },\n  },\n};\n</script>\n\n<style>\n.btn-quickprev {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n  height: 0px;\n}\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
                    },
                    "left": -8.65,
                    "top": 52.04,
                    "index": "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33",
                    "child": {
                        "index": [
                            "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33"
                        ],
                        "paramList": [],
                        "paramName": "injections",
                        "paramValue": "injections"
                    },
                    "zIndex": 0,
                    "lock": false,
                    "display": false,
                    "dataMethod": "post",
                    "url": " https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "proxy": false
                }
            ],
            "zIndex": 3,
            "child": {},
            "isname": false
        }
    ]
}